<template>
	<div class="user-images" v-if="item.images !== undefined && item.images != null && item.images.length > 0">
		<el-carousel :interval="6000" type="card" height="220px">
			<el-carousel-item v-for="item in item.images" :key="item">
				<img :src="item" class="image" />
			</el-carousel-item>
		</el-carousel>
	</div>
</template>
<script>
export default {
	// eslint-disable-next-line vue/multi-word-component-names
	name: "Footer",
	setup() {
		const user = {
			id: 1,
			userName: "chl",
			image: "/image/default_big.jpg",
			birthday: "1980-01-01",
			gender: "female",
			email: "hujiang@163.com",
			role: "wish",
			address: "成都理工大学工程技术学院",
			profession: "教师",
			webSite: "http://www",
			aboutMe: "也许我这一生都在和自己的普通做抗争，这种抗争也许是徒劳的，但这又怎么样呢？",
			addresses: [{ detail: "成都理工大学工程技术学院" }],
			skills: [
				{ name: "Java", graspDegree: 80 },
				{ name: "Python", graspDegree: 70 },
				{ name: "DB", graspDegree: 65 },
				{ name: "JavaScript", graspDegree: 60 },
				{ name: "Linux", graspDegree: 40 },
			],
			messages: [
				{
					id: 3,
					userName: "wish_admin",
					userImage: "https://wpimg.wallstcn.com/9e2a5d0a-bd5b-457f-ac8e-86554616c87b.jpg",
					description: "Sent you a message - yesterday",
					content:
						"杜蕾斯以 179 亿美元收购美赞臣！最大的避孕套生产商买下了最大的奶粉制造商，赤裸裸诠释什么是风险对冲，你要么今天用他们的套，要么十个月后用他们的奶，生意做到这个份上，实在是牛，横竖他都赚，套路太深！广告词是这样的：那些没有被我们挡住的小孩，我们负责养大！",
					images: [
						"https://wpimg.wallstcn.com/9679ffb0-9e0b-4451-9916-e21992218054.jpg",
						"https://wpimg.wallstcn.com/bcce3734-0837-4b9f-9261-351ef384f75a.jpg",
						"https://wpimg.wallstcn.com/d1d7b033-d75e-4cd6-ae39-fcd5f1c0a7c5.jpg",
						"https://wpimg.wallstcn.com/50530061-851b-4ca5-9dc5-2fead928a939.jpg",
					],
				},
				{
					id: 1,
					userName: "admin",
					userImage: "https://wpimg.wallstcn.com/57ed425a-c71e-4201-9428-68760c0537c4.jpg",
					description: "Shared publicly - 7:30 PM today",
					content: "Wey VV7 is very NiuBi, 18 thousand, 28L/100KM, thief good driver.",
					images: [],
				},
				{
					id: 2,
					userName: "manager",
					userImage: "https://wpimg.wallstcn.com/fb57f689-e1ab-443c-af12-8d4066e202e2.jpg",
					description: "Posted 4 photos - 2 days ago",
					content:
						"快乐是个属于成年人的词儿。你不必问一个孩子他是否快乐，你能看的出来。成年人谈论快乐是因为他们大多都不快乐。",
					images: [],
				},
			],
			events: [
				{
					title: "孟晚舟归国",
					content:
						"孟晚舟被加拿大方面近 3 年的非法拘押后，乘坐中国政府包机抵达深圳宝安国际机场，顺利回到祖国",
					createDate: "2021-09-26",
				},
				{
					title: "袁隆平逝世",
					content:
						"共和国勋章获得者、中国工程院院士、国家杂交水稻工程技术研究中心主任、湖南省政协原副主席袁隆平，因多器官功能衰竭，于2021年5月22日13时07分在长沙逝世，享年91岁",
					createDate: "2021-5-22",
				},
				{ title: "新冠爆发", content: "2019 冠状病毒病爆发", createDate: "2020-01-20" },
				{ title: "戒烟", content: "第二次戒烟", createDate: "2021-01-26" },
				{ title: "转行", content: "第二次转行", createDate: "2019-07-30" },
				{ title: "戒烟", content: "第一次戒烟", createDate: "2018-02-24" },
				{
					title: "答辩",
					content: "27号下午答辩",
					createDate: "2023-12-27",
				},
			],
		};

		// const noChildren = () => {
		// 	return list.filter((item) => !item.children);
		// };
		// const hasChildren = () => {
		// 	return list.filter((item) => item.children);
		// };
		// return {
		// 	noChildren,
		// 	hasChildren,
		// };
	},

	methods: {
		handleOpen(key, keyPath) {
			console.log(key, keyPath);
		},
		handleClose(key, keyPath) {
			console.log(key, keyPath);
		},
	},
};
</script>
<style scoped></style>

<style lang="less" scoped>
.user-activity {
	.user-block {
		.username,
		.description {
			display: block;
			margin-left: 50px;
			padding: 2px 0;
		}
		.username {
			font-size: 16px;
			color: #000;
		}
		:after {
			clear: both;
		}
		.img-circle {
			border-radius: 50%;
			width: 40px;
			height: 40px;
			float: left;
		}
		span {
			font-weight: 500;
			font-size: 12px;
		}
	}
	.post {
		font-size: 14px;
		border-bottom: 1px solid #d2d6de;
		margin-bottom: 15px;
		padding-bottom: 15px;
		color: #666;
		.image {
			width: 100%;
			height: 100%;
		}
		.user-images {
			padding-top: 20px;
		}
	}
	.list-inline {
		padding-left: 0;
		margin-left: -5px;
		list-style: none;
		li {
			display: inline-block;
			padding-right: 5px;
			padding-left: 5px;
			font-size: 13px;
		}
		.link-black {
			&:hover,
			&:focus {
				color: #999;
			}
		}
	}
}
.box-center {
	margin: 0 auto;
	display: table;
}
.text-muted {
	color: #777;
}
</style>
